/**
 * Tailwind CSS imports
 * View the full documentation at https://tailwindcss.com
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/**
 * WHAT IS THIS FILE?
 *
 * Globally applied styles. No matter which components are in the page or matching route,
 * the styles in here will be applied to the Document, without any sort of CSS scoping.
 *
 */

:root {
  --qrui-primary-base-color: #35f;
    --qrui-primary-light-color: #5c77ff;
    --qrui-primary-dark-color: #213dcc;
    --qrui-support-positive-color: #25b8ab;
    --qrui-support-warning-color: #faa732;
    --qrui-support-negative-color: #f23030;
    --qrui-text-main-color: #333;
    --qrui-text-second-color: #666;
    --qrui-text-desc-color: #999;
    --qrui-text-disabled-color: #adadad;
    --qrui-text-block-color: #ccc;
    --qrui-text-link-color: #38f;
    --qrui-text-top-guide-color: #030717;
    --qrui-line-btn-second-border-color: #e0e0e0;
    --qrui-line-separator-color: hsla(0, 0%, 87.8%, 0.6);
    --qrui-line-input-border-color: hsla(0, 0%, 87.8%, 0.6);
    --qrui-fill-icon-color: #a3a3a3;
    --qrui-fill-btn-primary-color: #35f;
    --qrui-fill-background-color: #fafafa;
    --qrui-fill-select-item-background-color: #c3c7db;
    --qrui-fill-mask-color: #0007 f;
    --qrui-fill-input-disabled-color: hsla(0, 0%, 52.2%, 0.2);
    --qrui-fill-table-head-color: rgba(242, 243, 247, 0.4);
    --qrui-brand-primary1-color: #ebf1ff;
    --qrui-brand-primary2-color: #d6e2ff;
    --qrui-brand-primary3-color: #adc3ff;
    --qrui-brand-primary4-color: #85a1ff;
    --qrui-brand-primary5-color: #5c7cff;
    --qrui-brand-primary6-color: #35f;
    --qrui-brand-primary7-color: #2b42d9;
    --qrui-brand-primary8-color: #2432b3;
    --qrui-brand-primary9-color: #1c248c;
    --qrui-brand-primary10-color: #141766;
    --qrui-neutral-primary1-color: #f5f5fa;
    --qrui-neutral-primary2-color: #e1e3ed;
    --qrui-neutral-primary3-color: #d1d4e0;
    --qrui-neutral-primary4-color: #b3b7c8;
    --qrui-neutral-primary5-color: #a3a7b8;
    --qrui-neutral-primary6-color: #9397a8;
    --qrui-neutral-primary7-color: #848899;
    --qrui-neutral-primary8-color: #75798a;
    --qrui-neutral-primary9-color: #616576;
    --qrui-neutral-primary10-color: #4d5162;
    --qrui-neutral-primary11-color: #3a3e4f;
    --qrui-neutral-primary12-color: #272b3c;
    --qrui-blue-primary1-color: #ebf7ff;
    --qrui-blue-primary2-color: #d6edff;
    --qrui-blue-primary3-color: #add8ff;
    --qrui-blue-primary4-color: #85c0ff;
    --qrui-blue-primary5-color: #5ca5ff;
    --qrui-blue-primary6-color: #38f;
    --qrui-blue-primary7-color: #2b6ed9;
    --qrui-blue-primary8-color: #2456b3;
    --qrui-blue-primary9-color: #1c408c;
    --qrui-blue-primary10-color: #142c66;
    --qrui-green-primary1-color: #ebfff8;
    --qrui-green-primary2-color: #d6fff1;
    --qrui-green-primary3-color: #a5f2db;
    --qrui-green-primary4-color: #77e6c8;
    --qrui-green-primary5-color: #4ed9b8;
    --qrui-green-primary6-color: #29ccab;
    --qrui-green-primary7-color: #21a690;
    --qrui-green-primary8-color: #1a8072;
    --qrui-green-primary9-color: #125952;
    --qrui-green-primary10-color: #0a3330;
    --qrui-yellow-primary1-color: #fffeeb;
    --qrui-yellow-primary2-color: #fffbd6;
    --qrui-yellow-primary3-color: #fff4ad;
    --qrui-yellow-primary4-color: #ffeb85;
    --qrui-yellow-primary5-color: #ffde5c;
    --qrui-yellow-primary6-color: #ffcf33;
    --qrui-yellow-primary7-color: #d9aa2b;
    --qrui-yellow-primary8-color: #b38823;
    --qrui-yellow-primary9-color: #8c671c;
    --qrui-yellow-primary10-color: #664814;
    --qrui-red-primary1-color: #ffebee;
    --qrui-red-primary2-color: #ffd6dc;
    --qrui-red-primary3-color: #ffadb6;
    --qrui-red-primary4-color: #ff858d;
    --qrui-red-primary5-color: #ff5c61;
    --qrui-red-primary6-color: #f23030;
    --qrui-red-primary7-color: #cc2e29;
    --qrui-red-primary8-color: #a62a21;
    --qrui-red-primary9-color: #802419;
    --qrui-red-primary10-color: #591b12;
    --qrui-grey-primary1-color: #fafafa;
    --qrui-grey-primary2-color: #f5f5f5;
    --qrui-grey-primary3-color: #e0e0e0;
    --qrui-grey-primary4-color: #ccc;
    --qrui-grey-primary5-color: #b8b8b8;
    --qrui-grey-primary6-color: #a3a3a3;
    --qrui-grey-primary7-color: #8f8f8f;
    --qrui-grey-primary8-color: #7a7a7a;
    --qrui-grey-primary9-color: #666;
    --qrui-grey-primary10-color: #4d4d4d;
    --qrui-grey-primary11-color: #333;
    --qrui-grey-primary12-color: #1a1a1a;
    --qrui-black-primary1-color: #fff;
    --qrui-black-primary2-color: #d6d6d6;
    --qrui-black-primary3-color: #adadad;
    --qrui-black-primary4-color: #858585;
    --qrui-black-primary5-color: #5c5c5c;
    --qrui-black-primary0-color: #333;
}
:root{
  --r1-4px: 4px;
    --r2-8px: 8px;
    --r3-16px: 16px;
    --r4-full: 50%;
    --select-placeholder-color: var(--qrui-text-block-color);
    --select-item-border: 1px solid var(--qrui-line-input-border-color);
    --select-color: var(--qrui-text-main-color);
    --select-disabled-color: var(--qrui-text-disabled-color);
    --select-option-disabled-color: var(--qrui-grey-primary4-color);
    --select-option-margin: 4px;
    --select-option-border-radius: var(--r1-4px);
    --select-arrow-svg-color: var(--qrui-text-desc-color);
    --radio-normal-border-width: 2px;
    --radio-stateful-border-width: 3px;
    --radio-disabled-bg: var(--qrui-grey-primary2-color);
    --radio-disabled-border-color: var(--qrui-grey-primary3-color);
    --radio-checked-disabled-bg: #fff;
    --radio-checked-disabled-border-color: #adc3ff;
    --modal-padding-horizontal: 24px;
    --modal-header-padding-top: 24px;
    --modal-close-icon-color: var(--qrui-grey-primary6-color);
    --modal-content-box-shadow: 0px 8px 18px 3px rgba(0, 14, 51, 0.06);
    --modal-confirm-content-color: var(--qrui-text-second-color);
    --modal-confirm-icon-size: 40px;
    --modal-confirm-icon-margin-left: 4px;
    --input-border-color: var(--qrui-line-input-border-color);
    --input-disabled-border-color: var(--qrui-line-input-border-color);
    --input-disabled-background-color: var(--qrui-grey-primary2-color);
    --input-background-color: var(--qrui-black-primary1-color);
    --input-hover-background-color: var(--qrui-primary-base-color);
    --input-font-color: var(--qrui-text-main-color);
    --input-select-item-background-color: var(--qrui-grey-primary1-color);
    --input-show-count-color: #c0c4cc;
    --switch-open-background: var(--qrui-primary-base-color);
    --switch-handle-background: #f0f0f0;
    --switch-default-background: #d1d6eb;
    --switch-default-disabled-background: #dcdcdc;
    --switch-custom-width: 24px;
    --switch-custom-height: 8px;
    --switch-custom-border-color: #dcdcdc;
    --switch-custom-open-border-color: var(--qrui-primary-dark-color);
    --switch-custom-background-color: #fbfcfd;
    --checkbox-disabled-border-color: var(--qrui-line-input-border-color);
    --checkbox-indeterminate-border-color: var(--qrui-primary-base-color);
    --checkbox-indeterminate-background-color: var(--qrui-primary-base-color);
    --checkbox-indeterminate-inner-width: 8px;
    --checkbox-indeterminate-inner-height: 2px;
    --checkbox-checked-disabled-bg: #d6ddff;
    --checkbox-checked-after-color: var(--qrui-black-primary1-color);
    --pagination-selector-arrow-color: var(--qrui-text-main-color);
    --pagination-item-active-font-color: var(--qrui-black-primary1-color);
    --pagination-prev-next-select-svg-size: 16px;
    --pagination-prev-svg-path: "M 609.92 319.68 a 48 48 0 0 1 0 67.84 L 485.504 512 L 609.92 636.48 a 48 48 0 1 1 -67.84 67.84 L 383.68 545.92 a 48 48 0 0 1 0 -67.84 L 542.08 319.68 a 48 48 0 0 1 67.84 0 Z";
    --pagination-next-svg-path: "M414.08 704.32a48 48 0 0 1 0-67.84L538.496 512 414.08 387.52a48 48 0 0 1 67.84-67.84l158.4 158.4a48 48 0 0 1 0 67.84L481.92 704.32a48 48 0 0 1-67.84 0z";
    --pagination-select-svg-path: "M562.048 619.328l171.136-195.52A24 24 0 0 0 715.136 384H372.864a24 24 0 0 0-18.048 39.808l171.136 195.52a24 24 0 0 0 36.096 0z";
    --button-text-background-color: var(--qrui-grey-primary2-color);
    --tabs-border: 1px solid var(--qrui-line-input-border-color);
    --tabs-color-baise: var(--qrui-primary-base-color);
    --date-picker-border-color: var(--qrui-line-btn-second-border-color);
    --date-picker-border-light-color: var(--qrui-primary-base-color);
    --date-picker-border-color-disabled: var(--qrui-line-input-border-color);
    --date-picker-height-small: 24px;
    --date-picker-height-default: 28px;
    --date-picker-height-large: 32px;
    --date-picker-background-color-disabled: var(--qrui-grey-primary2-color);
    --date-picker-background-color: var(--qrui-black-primary1-color);
    --date-picker-icon-color: var(--qrui-fill-icon-color);
    --date-picker-cell-color: var(--qrui-black-primary1-color);
    --date-picker-link-color: var(--qrui-text-link-color);
    --date-picker-select-range-color: #fbfcfd;
    --cascader-arrow-icon-fill: var(--qrui-fill-icon-color);
    --table-arrow-icon-color: var(--qrui-fill-icon-color);
    --table-row-expand-icon-color: var(--qrui-fill-icon-color);
    --table-th-bg: var(--qrui-grey-primary2-color);
    --table-th-border-radius: var(--r1-4px);
    --table-empty-text-color: var(--qrui-grey-primary7-color);
    --tag-padding: 0 8px;
    --steps-finish-background-color: #fbfcfd;
    --steps-item-tail-border: 1px dashed var(--qrui-line-input-border-color);
    --steps-error-background-color: #fbfcfd;
    --qrui-steps-default-basic-size: 17px;
    --qrui-steps-default-current-size: 24px;
    --qrui-steps-icon-margin-top: 7px;
    --qrui-steps-item-content-width: 140px;
    --high-light-text: var(--qrui-support-negative-color);
    --status-success-background-color: var(--qrui-support-positive-color);
    --status-pass-background-color: var(--qrui-primary-light-color);
    --status-common-background-color: var(--qrui-support-warning-color);
    --status-warning-background-color: var(--qrui-support-negative-color);
    --status-offline-background-color: var(--qrui-black-primary3-color);
    --status-activate-background-color: #d8d8d8;
    --status-online-background-color: var(--qrui-primary-base-color);
    --alert-text-color: var(--qrui-text-main-color);
    --alert-description-color: var(--qrui-text-second-color);
    --alert-close-icon-color: var(--qrui-grey-primary6-color);
    --alert-success-background-color: var(--qrui-green-primary1-color);
    --alert-success-border-color: var(--qrui-green-primary6-color);
    --alert-info-background-color: var(--qrui-brand-primary1-color);
    --alert-info-border-color: var(--qrui-brand-primary6-color);
    --alert-warning-background-color: #fff9eb;
    --alert-warning-border-color: #ffa133;
    --alert-error-background-color: var(--qrui-red-primary1-color);
    --alert-error-border-color: var(--qrui-red-primary6-color);
    --alert-success-icon-color: var(--qrui-support-positive-color);
    --alert-info-icon-color: var(--qrui-primary-light-color);
    --alert-warning-icon-color: var(--qrui-support-warning-color);
    --alert-error-icon-color: var(--qrui-support-negative-color);
    --badge-warning-color: var(--qrui-support-warning-color);
    --badge-error-color: #f24130;
    --badge-success-color: var(--qrui-support-positive-color);
    --badge-processing-color: var(--qrui-primary-light-color);
    --badge-default-color: var(--qrui-black-primary2-color);
    --perf-table-border-color: var(--qrui-line-input-border-color);
    --dropdown-line-height: 22px;
    --dropdown-padding: 4px;
    --dropdown-item-hover-color: #5c7cff;
    --dropdown-item-hover-background-color: #ebf1ff;
    --dropdown-item-active-color: #2b42d9;
    --dropdown-item-active-background-color: #d6e2ff;
    --dropdown-item-disabled-color: #b8b8b8;
    --dropdown-item-disabled-background-color: var(--qrui-black-primary1-color);
    --menu-horizontal-padding: 6px;
    --menu-horizontal-item-margin: 0 2px;
    --menu-item-hover-color: var(--qrui-brand-primary5-color);
    --menu-item-hover-bg: var(--qrui-brand-primary1-color);
    --menu-item-selected-color: var(--qrui-black-primary1-color);
    --menu-item-selected-bg: var(--qrui-brand-primary6-color);
    --menu-submenu-active-arrow-color: var(--qrui-brand-primary6-color);
    --menu-dark-item-hover-color: var(--qrui-grey-primary3-color);
    --menu-dark-item-hover-bg: var(--qrui-grey-primary10-color);
    --message-content-border-radius: var(--r2-8px);
    --message-content-icon-padding-horizontal: 12px;
    --message-content-icon-width: 14px;
    --message-content-icon-height: 14px;
}

html {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-size: 12px;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
}

body {
  padding: 0;
  margin: 0;
  line-height: inherit;
}
body * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

ul,li {
  list-style: none;
}